* {
    margin : 0;
    padding: 0;
}

a {
    color          : black;
    text-decoration: none;

    &:hover {
        text-decoration: none;
    }
}

.main {
    width              : 90%;
    // height          : 1000px;
    margin             : 0 auto;
    background-color   : #fdf2c8;
    overflow           : hidden;

    .left-top {
        width            : 100%;
        height           : 60px;
        margin-top       : 30px;
        line-height      : 60px;
        // outline       : solid 1px;
        padding-left     : 5rem;
        vertical-align   : middle;

        img {
            width         : 30px;
            // line-height: 60px;
        }
    }

    h1 {
        text-align    : center;
        letter-spacing: 0.2em;
    }

    .content {
        width       : 80%;
        // height: 600px;
        margin      : 40px auto;
        // outline  : solid 1px;

        h2 {
            margin-top   : 1em;
            margin-bottom: 1em;
            font-size    : 30px;
        }

        p {
            font-size    : 20px;
            opacity      : 0.8;
            text-indent  : 2em;
            margin-top   : 1em;
            margin-bottom: 1em;
            line-height  : 2em;
        }

        ol {
            margin-left: 8em;

            li {
                font-size  : 20px;
                line-height: 2em;
            }
        }

        .righter {
            text-align : right;
            font-size  : 25px;
            line-height: 2em;
        }
    }

}